<template>
  <comNavigation>
    <template v-slot:title>
      药品订单
    </template>
  </comNavigation>
  <van-tabs v-model:active="active">
  <van-tab title="全部">
    <p style="text-align: center;color: #9c9c9c;font-size: 12px;">没有更多了</p>
  </van-tab>
  <van-tab title="待支付">
    <p style="text-align: center;color: #9c9c9c;font-size: 12px;">没有更多了</p>
  </van-tab>
  <van-tab title="待发货">
    <p style="text-align: center;color: #9c9c9c;font-size: 12px;">没有更多了</p>
  </van-tab>
  <van-tab title="待收货">
    <p style="text-align: center;color: #9c9c9c;font-size: 12px;">没有更多了</p>
  </van-tab>
  <van-tab title="已完成">
    <p style="text-align: center;color: #9c9c9c;font-size: 12px;">没有更多了</p>
  </van-tab>
</van-tabs>
</template>

<script setup lang="ts">
// 导航组件
import comNavigation from '@/components/common/com-navigationBar/com-navigation.vue';
import { ref } from 'vue';
const active = ref(0);
</script>

<style>
.van-tabs__line{
  background:#5ec6ba !important ;
}
</style>
